﻿//HMG - KOR | Common.js

/* menu button click ============================================================================= */
function pen(){
    $("html").css({"overflow":"auto"});
    $("#wrap").css({"min-width":"0"});
    $("#noticeWrap").animate({"left":"270px"},"slow");
    $("#wrap").attr({"id":"wrap2"});
    $("#noticeWrap").attr({"id":"noticeWrap2"});
    $("#notice_toggle_btn").animate({"left":"0"});
    $("#btn-top").animate({"left":"0"},'slow');
    $("#container").fadeOut();
    $(".open").css({"display":"none"});
    $(".close").css({"display":"block"});
    $("#notice-bg").css({"display":"none"});
    $("#contenteeeeee").css({"background":"#f3f6fa"});
    $('#container22').masonry({itemSelector: '.box',columnWidth: 20, isAnimated: true});
}
function lose(){
    $("html").css({"overflow":"hidden"});
    $("#wrap2").attr({"id":"wrap"});
    $("#wrap").css({"min-width":"1024px"});
    $("#wrap2").css({"width":"100%"});
    $("html").css({"overflow-x":"scroll"});
    $("#noticeWrap2").attr({"id":"noticeWrap"});
    $("#noticeWrap").animate({"left":"1000px"},"slow");
    $("#notice_toggle_btn").animate({"left":"0"});
    $("#btn-top").animate({"left":"0"},'slow');
    $("#container").show().resize();
    $(".open").css({"display":"block"});
    $(".close").css({"display":"none"});
    $("#notice-bg").css({"display":"block"});
    $("#contenteeeeee").css({"background":"none"});
    $('#container22').masonry({itemSelector: '.box',columnWidth: 20, isAnimated: true});
}

/* layer height control ============================================================================= */
function fe_asideHeight(){	//photo layer
    $(".photo_layer").height( $("#wrap").height() + "px");
}
function fe_asideHeight_vod(){	//video layer
    $(".vod_layer").height( $("#wrap").height() + "px");
}
function fe_asideHeight_relation(){	//relation layer
    $(".relation_layer").height( $("#wrap").height() + "px");
}

/* layer toggle control ============================================================================= */
function playerSoundOff() {	//video object stop(remove)
	if($("#vodObj").size() > 0){
		$("#vodObj").remove();
	}
	if($(".tablet-vod").size() > 0){
		$(".tablet-vod").remove();
	}
}
function fe_layPop(preMask){	//photo layer
    $("#loading").delay(700).fadeOut();
    function wrapWindowByMask(){
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var layerHeight = $(".photo_layPop > div").height();
      	var layerWidth = $(".photo_layPop > div").width();
        var requestlayerHeight = $(".request_layPop > div").height();
        var requestlayerWidth = $(".request_layPop > div").width();
        var eventlayerHeight = $(".event_layPop > div").height();
        var eventlayerWidth = $(".event_layPop > div").width();
        $(".photo_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
        $(".photo_layPop").css({"margin-top": "-" + layerHeight/2 + "px", "margin-left" : "-" + layerWidth/2 + "px"});
        $(".request_layPop").css({"margin-top": "-" + requestlayerHeight/2 + "px", "margin-left" : "-" + requestlayerWidth/2 + "px"});
        $(".event_layPop").css({"margin-top": "-" + eventlayerHeight/2 + "px", "margin-left" : "-" + eventlayerWidth/2 + "px"});
        $(".jspVerticalBar").clearQueue().hide();
    }
    if(preMask == true){
	  	wrapWindowByMask();
	  }
    $(".photo_layOpen").click(function(e){
        $("#noticeWrap").css({"z-index":"-1"});
        $("#footer").css({"z-index":"-2"});
        $(".jspPane").css({"position":"static"});
        e.preventDefault();
        wrapWindowByMask();
    });
    $(".photo_mask").click(function (e) {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        e.preventDefault();
        $(".photo_layer").css("display","none");
        $(".photo_layer02").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        $(".ExJspScroll").addClass('jspVerticalBar').removeClass('ExJspScroll');
        playerSoundOff();
    });
    $(".btnClose > img").click(function () {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        $(".photo_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        $(".ExJspScroll").addClass('jspVerticalBar').removeClass('ExJspScroll');
        $("#loading").fadeIn();
        playerSoundOff();
    });
    $(".request_btnClose > a > img").click(function () {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        $(".photo_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        playerSoundOff();
    });
    $(".address_Search").click(function(){
        $(".photo_layer02").show();
        $(".jspPane").css({"position":"static"});
    });
    $(".addressClose > a > img").click(function () {
        $(".photo_layer02").css("display","none");
    });
}
function fe_layPop_vod(preMask){	//video layer
    function wrapWindowByMask(){
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var layerHeight = $(".vod_layPop > div").height();
        var layerWidth = $(".vod_layPop > div").width();
        $(".vod_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
        $(".vod_layPop").css({"margin-top": "-" + layerHeight/2 + "px", "margin-left" : "-" + layerWidth/2 + "px"});
    }
    if(preMask == true){
	  	wrapWindowByMask();
	  }
    $(".vod_layOpen").click(function(e){
        $("#noticeWrap").css({"z-index":"-1"});
        $("#footer").css({"z-index":"-2"});
        $(".jspPane").css({"position":"static"});
        e.preventDefault();
        wrapWindowByMask();
    });
    $(".photo_mask").click(function (e) {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        e.preventDefault();
        $(".vod_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        playerSoundOff();
    });
    $(".btnClose > img").click(function () {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        $(".vod_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        playerSoundOff();
    });
}
function fe_layPop_relation(preMask){	//relation layer
    function wrapWindowByMask(){
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var layerHeight = $(".relation_layPop > div").height();
        var layerWidth = $(".relation_layPop > div").width();
        $(".relation_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
    }
    if(preMask == true){
	  	wrapWindowByMask();
	  }
    $(".relation_layOpen").click(function(e){
        $("#noticeWrap").css({"z-index":"-1"});
        $("#footer").css({"z-index":"-2"});
        $(".jspPane").css({"position":"static"});
        e.preventDefault();
        wrapWindowByMask();
    });
    $(".relation_mask").click(function (e) {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        e.preventDefault();
        $(".relation_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        playerSoundOff();
    });
    $(".request_btnClose > a > img").click(function () {
        $("#noticeWrap").css({"z-index":"9990"});
        $("#footer").css({"z-index":"900"});
        $(".relation_layer").css("display","none");
        $(".jspPane").css({"position":"absolute"});
        playerSoundOff();
    });
}

/* history height control ============================================================================= */
function chkHeight(){
    var wH = $(window).height();
    var cH  = wH - 210;
    $(".history_wrap").css({'height':cH});
    $(".historyContent > div:last").css({'min-height':cH - 64});
}

/* popup open control ============================================================================= */
function popWin(url, wname, w, h, ptype, t, l) {
  var pWin, tVal, lVal;
  if (t == "c") {
    lVal = (screen.Width - w) / 2;
    tVal = (screen.Height - h) / 2;
  }
  else {
    tVal = (t != null) ? t : 0;
    lVal = (l != null) ? l : 0;
  }

  var popOpt = "width=" + w + "px,height=" + h + "px, top=" + tVal + ", left=" + lVal;
  if (ptype == 0) {
    popOpt += ",scrollbars=no";
  }

  if (ptype == 1) {
    popOpt += ",scrollbars=yes";
  }

  if (ptype == 2) {
    popOpt += ",scrollbars=yes,resizable=yes";
  }

  pWin = window.open(url, wname, popOpt);
  pWin.focus();
  return pWin;
}



/*==============================================================================================================
====================================== document ready function start ===========================================
============================================================================================================== */
$(function(){

/* if web ============================================================================= */
     if (navigator.userAgent.match(/iPhone|iPod|iPad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) == null && navigator.userAgent.match(/LG|SAMSUNG|Samsung/) == null) {
     }
/* if mobile ============================================================================= */
     else{
        $("#container > div").removeClass("scroll-pane");
        }

/* height control ============================================================================= */
    var wH = $(window).height();
    $(".scroll-pane").css({'height':wH + 'px'});
    $('.tabs li a').click( function () {
        delay(function(){
        resizeFrame();
       }, 10);
    });

 /* right menu control ============================================================================= */
		$('#container22').masonry({
		  itemSelector: '.box',
		  columnWidth: 20,
		  isAnimated: true
		});

/* top button control ============================================================================= */
		$("#btn-top").click(function(){
        $(".jspPane, .jspDrag").css("top","0");
    });

/* history height control ============================================================================= */
		chkHeight();
    $(".history_wrap").scrollTop(0);	// go scroll top
    $(".history_wrap").scroll(function(event){
        event.preventDefault();
        var position = $(".history_wrap").scrollTop();
        var b = $(".historyContent > div").size();
        var hArray = [];
        for (i=0; i<b;i++ ){
            var hEl =$(".historyContent > div").eq(i).outerHeight();
            if(i == 0){
                hArray[i] = hEl - 94;
            }else{
                hArray[i] = Number(hArray[i-1]) + hEl;
            }
        }
        for(j=hArray.length;j>=0;j--){
            if(hArray[j] > position){
                $(".monthSelect_Tab li").removeClass("on");
                $(".monthSelect_Tab li.tab" + (j+1)).addClass("on");
            }
        }
    });
    $(".monthSelect_Tab ul li a").click(function(){
        $(".history_wrap").unbind("scroll");     // stop scroll event
        var a = $(this).parent().index();
        var t = 0;
        for (i=0; i<a; i++ ){
            var h2 =$(".historyContent > div").eq(i).outerHeight();
            t += h2;
        }
        $(".monthSelect_Tab ul li").removeClass("on");
        $(this).parent().addClass("on");
        $('#container .history_wrap').stop().animate({scrollTop:t + 'px'}, 500, "easeOutExpo",function(){
            // if animated complete, reload scroll event
            $(".history_wrap").scroll(function(){
                var position = $(".history_wrap").scrollTop();
                var b = $(".historyContent > div").size();
                var hArray = [];
                for (i=0; i<b;i++ ){
                    var hEl =$(".historyContent > div").eq(i).height() + 64;
                    if(i == 0){
                        hArray[i] = hEl;
                    }else{
                        hArray[i] = Number(hArray[i-1]) + hEl;
                    }
                }
                for(j=hArray.length;j>=0;j--){
                    if(hArray[j] > position){
                        $(".monthSelect_Tab li").removeClass("on");
                        $(".monthSelect_Tab li.tab" + (j+1)).addClass("on");
                    }
                }
            });
        });
    });

/* company button control ============================================================================= */
		var corporate = $(".companyWrap");
    var corporateBtn = $(".right_Btn");
    $(corporateBtn).click(function(){
        $(corporate).slideToggle(200);
    });
    $(".companyWrap .compListClose").click(function(){
        $(".companyWrap").slideUp(200);
    });

/* tab menu control ============================================================================= */
		var newsTab = $(".groupNews_Tab ul li");
    var evtTab = $(".event_Tab ul li");
    var motorTab = $(".motorsLine_Tab ul li");
    var vodTab = $(".vodGallery_Tab ul li");
    var actTab = $(".activity_Tab ul li");
    var philosophyTab = $(".corporatePhilosophy_Tab ul li");
    var jobIntroduceTab = $(".jobIntroduceTab ul li");

    $(newsTab).click(function(){
        $(newsTab).removeClass("on");
        $(newsTab).eq($(this).index()).addClass("on");
    });
    $(evtTab).click(function(){
        $(evtTab).removeClass("on");
        $(evtTab).eq($(this).index()).addClass("on");
    });
    $(motorTab).click(function(){
        $(motorTab).removeClass("on");
        $(motorTab).eq($(this).index()).addClass("on");
    });
    $(vodTab).click(function(){
        $(vodTab).removeClass("on");
        $(vodTab).eq($(this).index()).addClass("on");
    });
    $(actTab).click(function(){
        $(actTab).removeClass("on");
        $(actTab).eq($(this).index()).addClass("on");
    });
    $(philosophyTab).click(function(){
        $(philosophyTab).removeClass("on");
        $(philosophyTab).eq($(this).index()).addClass("on");
    });
    $(jobIntroduceTab).click(function(){
        $(jobIntroduceTab).removeClass("on");
        $(jobIntroduceTab).eq($(this).index()).addClass("on");
    });

/* gnb etc icon control ============================================================================= */
		var etcIcon = $(".etc ul li");
    $(etcIcon).hover(
	    function () {$(this).addClass("on")},
	    function () {$(this).removeClass("on")}
    );

/* rss toggle control ============================================================================= */
	var changeBtn = ".rssBtn img";
	var changeBox = ".rssInformationBox";
  $(changeBox).show();
  $(changeBtn).toggle(function(){
  	$(changeBox).slideUp(200);
  	$(changeBtn).attr("src","/hmg/images/web/kor/btn/btn_Rssopen.gif" );
  },function(){
  	$(changeBox).slideDown(200);
  	$(changeBtn).attr("src", "/hmg/images/web/kor/btn/btn_Rssclose.gif" );
  });

/* call layer function ============================================================================= */
		if ( $(".photo_layOpen").length ) fe_layPop();
	  if ( $(".vod_layOpen").length ) fe_layPop_vod();
	  if ( $(".relation_layOpen").length ) fe_layPop_relation();

/* newsletter table align ============================================================================= */
	  $(".viewNewslt > table").attr("align", "center");

});

/* delay function ============================================================================= */
var delay = (function(){
 var timer = 0;
 return function(callback, ms){
  clearTimeout (timer);
  timer = setTimeout(callback, ms);
 };
})();

/* call scroll function ============================================================================= */
function resizeFrame () {
  var scrbarW = $(".scroll-pane");
  $(scrbarW).jScrollPane();
}



/*==============================================================================================================
====================================== window resize function start ============================================
============================================================================================================== */
$(window).resize(function () {
  var wH = $(window).height();;
  $(".scroll-pane").css({'height':wH + 'px'});
  resizeFrame();
  chkHeight();
});



/*==============================================================================================================
====================================== window load function start ==============================================
============================================================================================================== */
$(window).load(function(){
    var ctn = $("#container");
    var gnb = $("#header");
    var scrbarW = $(".scroll-pane");

    $(ctn).hover(
	    function(){$("#container .jspVerticalBar").clearQueue().show();},
	    function(){$("#container .jspVerticalBar").clearQueue().hide();}
    );
    $(gnb).hover(
	    function(){$("#header .jspVerticalBar").clearQueue().show();},
	    function(){$("#header .jspVerticalBar").clearQueue().hide();}
    );
    $(scrbarW).jScrollPane();

/* for ie7 ============================================================================= */
    $(".subMain_contents dl , .overlay_gallery").click(function(){
        if($(".photo_layer").css("display","block")){
            $(".jspPane").css({"position":"static"});
        }
    });

/* check and call layer control ============================================================================= */
		if ( $(".photo_layer").length ) fe_asideHeight();
    if ( $(".vod_layer").length ) fe_asideHeight_vod();
    if ( $(".relation_layer").length ) fe_asideHeight_relation();
});                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   